//一个使用mockjs库的node.js脚本，用于模拟一些前端请求的数据，通常，这样的模拟数据用于前端开发时
//当后端还没有准备好或者前端需要独立开发而不依赖后端时

/* 这段代码主要用于生成模拟的文章列表和文章详情数据，并通过模拟接口返回这些数据，这样，
前端开发者可以在没有后端支持的情况下，独立进行前端页面的开发和测试。每个模拟接口都根据传入的请求参数返回
相应的模拟数据，这有助于测试前端页面在不同条件下的表现 */

const Mock = require('mockjs')//导入mockjs库，用于生成模拟数据

const List = []//初始化一个空数组list用于存放模拟数据，并设置计数器count为100，表示要生成的模拟数据条数
const count = 100
   
//定义了模拟数据中的基础内容和图片url
const baseContent = '<p>I am testing data, I am testing data.</p><p><img src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943"></p>'
const image_uri = 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3'
 
//生成模拟数据，循环生成数据，使用for和Mock.mock方法生成100条模拟数据，每条数据包含各种字段
//比如id、timestamp、title等，其中使用mockjs的占位符功能来生成随机数据
for (let i = 0; i < count; i++) {
  List.push(Mock.mock({
    id: '@increment',
    timestamp: +Mock.Random.date('T'),
    author: '@first',
    reviewer: '@first',
    title: '@title(5, 10)',
    content_short: 'mock data',
    content: baseContent,
    forecast: '@float(0, 100, 2, 2)',
    importance: '@integer(1, 3)',
    'type|1': ['CN', 'US', 'JP', 'EU'],
    'status|1': ['published', 'draft'],
    display_time: '@datetime',
    comment_disabled: true,
    pageviews: '@integer(300, 5000)',
    image_uri,
    platforms: ['a-platform']
  }))
}

//导出模拟接口--文章列表接口，第一个导出对象是一个模拟的GET请求接口，URL为'/vue-element-admin/article/list'
//该接口根据传入的查询参数（如importance、type、title等）对模拟数据进行过滤，并分页返回结果

module.exports = [//node.js模块导出语法
  {
    url: '/vue-element-admin/article/list',
    type: 'get',
    response: config => {// 接收一个人config对象作为参数
      const { importance, type, title, page = 1, limit = 20, sort } = config.query

      let mockList = List.filter(item => {
        if (importance && item.importance !== +importance) return false
        if (type && item.type !== type) return false
        if (title && item.title.indexOf(title) < 0) return false
        return true
      })

      if (sort === '-id') {
        mockList = mockList.reverse()
      }

      const pageList = mockList.filter((item, index) => index < limit * page && index >= limit * (page - 1))

      return {
        code: 20000,
        data: {
          total: mockList.length,
          items: pageList
        }
      }
    }
  },

  //导出模拟接口--文章详情接口。第二个导出对象模拟了一个获取文章详情的GET请求接口，
  //URL为/vue-element-admin/article/detail'，该接口根据传入的文章id返回对应的文章数据
  {
    url: '/vue-element-admin/article/detail',
    type: 'get',
    response: config => {
      const { id } = config.query
      for (const article of List) {
        if (article.id === +id) {
          return {
            code: 20000,
            data: article
          }
        }
      }
    }
  },

  {
    url: '/vue-element-admin/article/pv',
    type: 'get',
    response: _ => {
      return {
        code: 20000,
        data: {
          pvData: [
            { key: 'PC', pv: 1024 },
            { key: 'mobile', pv: 1024 },
            { key: 'ios', pv: 1024 },
            { key: 'android', pv: 1024 }
          ]
        }
      }
    }
  },

  {
    url: '/vue-element-admin/article/create',
    type: 'post',
    response: _ => {
      return {
        code: 20000,
        data: 'success'
      }
    }
  },

  {
    url: '/vue-element-admin/article/update',//表示当前端发起一个POST请求时到这个路径时，会出发这个模拟接口的响应
    type: 'post',
    response: _ => {//表示当请求到达这个接口时应该返回什么样的响应，并返回一个对象作为响应
      return {
        code: 20000, //通常代表一个成功的响应状态码（这是一个自定义状态码，具体意义需要根据项目的约定来理解）
        data: 'success'//表示更新操作成功
      }
    }
  }
]

